<!DOCTYPE html>
<html>
<head>
	<title>首页</title>
	<meta charset="utf-8">
	<meta name = "viewport" content ="initial-scale=1.0,maximum-scale=1,user-scalable=no">
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="telephone=no" name="format-detection">
	<link rel="stylesheet" type="text/css" href="/resource/web/css/reset.css">
    <link rel="stylesheet" type="text/css" href="/resource/web/css/flex.css">
    <link rel="stylesheet" type="text/css" href="/resource/web/css/swiper-3.4.1.min.css">
	<link rel="stylesheet" type="text/css" href="/resource/web/css/index.css">
	<script type="text/javascript" src="/resource/web/js/flexible.js"></script>
</head>
<body>
    <div class="home-banner swiper-container">
        <ul class="hm-lb swiper-wrapper">
            @foreach($info['banner'] as $v)
            <a class="swiper-slide" href="#0"><li><img src="{{$v->img_url}}"></li></a>
            @endforeach
            </ul>
        <?php if(!empty(session_get(UserEnum::USER_INFO_USER_ID))){ ?>
       <?php if(empty($mecount)){ ?>
        <a class="hm-msg"  href="/Web/web_message.html"></a>
        <?php }else{ ?>
        <a class="hm-msg"  href="/Web/web_message.html"><span class="mg-dian"></span></a>
        <?php } ?>
        <?php }else{ ?>
        <a class="hm-msg"  href="/Web/weblogin.html"></a>
        <?php }?>

    </div>
    <div class="cont-mod1">
        <ul class="tcf-flex tcf-justify-center">
            <a href="{{$info['new_head']}}"><li>
                <img src="/resource/web/img/home/hm-xszy.png">
                <p>新手指引</p>
            </li></a>
            <a href="{{$info['insurance']}}"><li>
                <img src="/resource/web/img/home/hm-aqbz.png">
                <p>安全保障</p>
            </li></a>
            <a href="{{$info['invitation']}}"><li>
                <img src="/resource/web/img/home/hm-yqyl.png">
                <p>邀请有礼</p>
            </li></a>
        </ul>
    </div>
    <div class="hm-line"></div>
    <div class="mod-hm swiper-container">
        <div class="swiper-wrapper">
            <div class="cont-mod2 swiper-slide" onClick=location.href="{{'/Web/ft/'.$info['Item'][0]->auto_id.'.html'}}">
                <p class="ctm2-log"><img src="/resource/web/img/home/hm_new3.png"></p>
                <p class="new-zx">新手专享</p>
                <p class="nzx-num"><span>{{$info['Item'][0]->rate_loaner}}</span>%</p>
                <p class="nzx-tit">预期年化</p>
                <ul class="nzx-mx tcf-flex tcf-justify-justify">
                    <li>期限<span>{{$info['Item'][0]->deadline}}</span>天</li>
                    <li>剩余<span>{{$info['Item'][0]->balance_amount}}</span>元</li>
                    <li><span>{{$info['Item'][0]->begin_amount}}</span>元起投</li>
                </ul>

                <a href="#0" onClick=location.href="{{'/Web/ft/'.$info['Item'][0]->auto_id.'.html'}}"><div class="ctm2-btn">抢购</div></a>
                <div class="swiper-pagination tcf-flex tcf-justify-justify"></div>
                <p class="ctm2-aq"><img src="/resource/web/img/home/hm-mymone.png">个人资产由第三方存管</p>
            </div>
            <div class="cont-mod2 cont-mod3 swiper-slide" onclick="location.href='/Web/exper_detail.html?exper_id={{$info['tiyan']->auto_id}}'">
                <p class="ctm2-log"><img src="/resource/web/img/home/hm_ty3.png"></p>
                <p class="new-zx">体验标</p>
                <p class="nzx-num"><span>{{$info['tiyan']->expect_rate}}</span>%</p>
                <p class="nzx-tit">预期年化</p>
                <ul class="nzx-mx tcf-flex tcf-justify-justify">
                    <li>期限<span>1</span>天</li>
                    <li>剩余<span>{{$info['tiyan']->balance_amount}}</span>元</li>
                </ul>
                <a href="#0" onclick="location.href='/Web/exper_detail.html?exper_id={{$info['tiyan']->auto_id}}'"><div class="ctm2-btn">抢购</div></a>
                <div class="swiper-pagination tcf-flex tcf-justify-justify"></div>
                <p class="ctm2-aq"><img src="/resource/web/img/home/hm-mymone.png">个人资产由第三方存管</p>
            </div>
        </div>
        
    </div>
    <ul class="footer tcf-flex tcf-justify-center">
        <a href="/Web/index"><li class="ftred">
                <img src="/resource/web/img/home/hm-lpic1.png">
                <p>首页</p>
            </li></a>
        <a href="/Web/financing_list.html"><li class="">
                <img src="/resource/web/img/home/hm-cpic1.png">
                <p>理财</p>
            </li></a>
        <a href="/Web/user_accounts"><li class="">
                <img src="/resource/web/img/home/hm-rpic1.png">
                <p>我的</p>
            </li></a>
    </ul>
    <script type="text/javascript" src="/resource/web/js/swiper-3.4.1.min.js"></script>
<script type="text/javascript">
    var mySwiper = new Swiper('.home-banner',{
        loop : true,
        speed:1000,
        autoplay : 3000,
    })
    var mySwiper2 = new Swiper('.mod-hm',{
        direction : 'horizontal',
        pagination : '.swiper-pagination',
        paginationClickable :true
    })

</script>
</body>
</html>